<template>
    <flexBox class="button" style="border-radius: 8px;"><span style="color: white;font-size: 16px;">
            <slot></slot>
        </span></flexBox>
</template>

<script setup>
import { ref, reactive, defineProps, computed, watch, onMounted, onBeforeUnmount } from 'vue'
import flexBox from './flexBox.vue'

onMounted(async () => {

})

</script>

<style scoped>

.button{
    background-color: rgb(0,120,215);
    color: white;
}

.button:active{
    background-color: rgb(35, 144, 233);
    color: white;
}

</style>